//使用layui
let layer=layui.layer
let form=layui.form

//点击注册账号跳转到注册页面
$(`#showReg`).on(`click`,function () {
  $(`.reg-form`).show()
  $(`.login-form`).hide()
})

//点击去登录跳转到登录页面
$(`#showLogin`).on(`click`,function () {
  $(`.reg-form`).hide()
  $(`.login-form`).show()
})


// =====================================注册页面==================================
//注册页面
form.verify({
  pwd: [
     /^[\S]{6,12}$/
     ,'密码必须6到12位，且不能出现空格'
   ] ,

  //密码框与确认密码框需一致
  repwd(value){
    //做if判断
    if ($(`#pwdInp`).val()===value) {
      return `两次输入的密码需一致`
    }
  }
  }) 


//给登录表单注册提交事件，注意需要加name属性
$(`.reg-form`).on(`submit`,function (e) {
  e.preventDefault()
  const data=$(this).serialize()
  //使用axios.post
  axios.post(`/api/login`,data).then(({data:{status,message}})=>{
     if (status!==0) {
      return layer.msg(message)
     }
     return layer.msg(`注册成功`)
  })
 
})

//给注册表单注册提交事件，注意需要加name属性
$(`.login-form`).on(`submit`,function (e) {
  e.preventDefault()
  const data=$(this).serialize()
  axios.post(`/api/login`,data).then(({data:{status,message,token}})=>{ //注意细节参数有三项
    if (status!==0) {
      return layer.msg(message)
    }
    //存储token数据与本地
    localStorage.setItem(`token`,token)
    return layer.msg(`登录成功，即将跳转至首页面`,{time:500},function () {
      //跳转到index页面
      location.href=`./index.html`
    })
  })
})